<!DOCTYPE html>
<!--页面语言：简体中文-->
<html lang="zh-CN">
<head>
    <!--页面字符集-->
    <meta charset="UTF-8">
    <!--meta:+ctrl+j-->
    <!--使用最高版本的ie浏览器。使用Chrome模式-->
    <meta http-equiv="X-UA-Compatible" content="ie=edge，Chrome=1">
    <!--页面渲染引擎 webkit-->
    <meta name="renderer" content="webkit">
    <!--网站关键字-->
    <meta name="KeyWords" content="九江学院信息科学与技术学院，计算机科学与技术，数字媒体技术,信息管理与信息系统，教育技术学，物联网工程，网络工程，">
    <!--网站描述-->
    <meta name="description" content="信息科学与技术学院以学科建设为龙头，以教育为中心，以育人为要务">
    <!--网站作者-->
    <meta name="autor" content="信息科学与技术学院">
    <!--网站版权-->
    <meta name="copyright" content="信息科学与技术学院"
    <!--搜索引擎机器人建议规则-->
    <meta name="robots" content="follow,index">
    <!--页面标题-->
    <title>九江学院信息科学与技术学院</title>
    <!--CSS Reset风格文件-->
    <link rel="stylesheet" href="css/normalize.css">
    <!--页面风格文件-->
    <link rel="stylesheet" href="css/main.css">
    <title>九江学院信息科学与技术学院</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
<!--div.wrapper>(div.header+div.main+div.footer)   +   Tab-->
<!--定宽页面宽度-->
<!--页面包围-->
<div class="wrapper">
    <!--页面头部-->
    <div class="header">
        <!--div.title+div.nav-->
        <div class="title"><h1><img src="./image/logo.png"alt="九江学院信息科学与技术学院" ></h1></div>
        <!--<h1></h1>表示网站最大标题-->
        <div class="nav">
            <!--ul>(li>a)*9  +Tab-->
            <ul class="menu">
                <!--能用外边距定位就别用内边距定位-->
                <li class="no_fgf"><a href="#">首页</a></li>
                <li><a href="">学院概况</a>
                    <ul class="submenu">
                        <li><a href="#">学院简介</a></li>
                        <li><a href="#">现任领导</a></li>
                        <li><a href="#">机构设置</a></li>
                        <li><a href="#">师资队伍</a></li>
                    </ul>
                </li>
                <li><a href="">党团建设</a>
                    <ul class="submenu">
                        <li><a href="#">规章制度</a></li>
                        <li><a href="#">党团动态</a></li>
                    </ul>
                </li>
                <li><a href="">学科专业</a>
                    <ul class="submenu" >
                        <li><a href="">重点学科</a></li>
                        <li><a href="">专业设置</a></li>
                    </ul>
                </li>
                <li><a href="">教学教务</a>
                    <ul class="submenu">
                        <li><a href="">实践教学</a></li>
                        <li><a href="">考务信息</a></li>
                        <li><a href="">毕业设计</a></li>
                    </ul>
                </li>
                <li><a href="">科学研究</a>
                    <ul class="submenu">
                        <li><a href="">科研机构</a></li>
                        <li><a href="">科研项目</a></li>
                        <li><a href="">科研论文</a></li>
                        <li><a href="">获奖情况</a></li>
                    </ul>
                </li>
                <li><a href="">学生工作</a>
                    <ul class="submenu">
                        <li><a href="">管理制度</a></li>
                        <li><a href="">机构人员</a></li>
                        <li><a href="">学工动态</a></li>
                        <li><a href="">就业信息</a></li>
                    </ul>
                </li>
                <li><a href="">实验中心</a></li>
                <li><a href="">下载中心</a></li>
            </ul>
        </div>
    </div>
    <!--页面主体-->
    <div class="main">
        <div class="clear"></div>
        <!--左边栏-->
        <div class="sidebar">
            <!--/*快捷通道*/-->
            <div class="quick_menu">
                <ul>
                    <li class="title"></li>
                    <li><a href="">学院简介</a></li>
                    <li><a href="">办事指南</a></li>
                    <li><a href="">领导信箱</a></li>
                    <li><a href="">教务系统</a></li>
                    <li><a href="">证书培训</a></li>
                    <li><a href="">教学资源</a></li>
                    <li><a href="">下载中心</a></li>
                    <li><a href="">专升本</a></li>
                </ul>
            </div>
            <!--/*常用链接*/-->
            <div class="links">
                <ul>
                    <li class="title"></li>
                    <li><a href="http://jwc.jju.edu.cn/">教务处</a></li>
                    <li><a href="#">毕业设计管理系统</a></li>
                    <li><a href="#">教科研管理系统</a></li>
                    <li><a href="http://192.168.31.3/dj/default.aspx">教务发布系统</a></li>
                    <li><a href="http://www.jju.edu.cn/index.htm">九江学院主站</a></li>
                </ul>
            </div>
        </div>
        <!--信息区-->
        <div class="content">
            <!--左边信息区域-->
            <div class="content_left">
                <!--图片新闻-->
                <div class="news_photo">
                    <div class="news_title">
                        <!--左圆角-->
                        <span class="block corner_left"></span>
                        <!--内容，动态可变-->
                        <span class="block title_center">图片新闻 <div class="more"><img src="./image/more.png" alt="更多"></div></span>
                        <!--右圆角固定大小-->
                        <span class="block corner_right"></span>
                    </div>
                    <div class="news_content left_border right_border"></div>
                </div>
                <!--最新动态-->
                <div class="news_update">
                    <div class="news_title">
                        <!--左圆角-->
                        <span class="block left_border right_angle"></span>
                        <!--内容，动态可变-->
                        <span class="block title_center_white">最新动态 <div class="more"><img src="./image/more.png" alt="更多"></div></span>
                        <!--右圆角固定大小-->
                        <span class="block right_border right_angle"></span>
                    </div>
                    <div class="news_content left_border right_border ">
                        <ul>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                            <li><a href="#">信息学院骨干班举行“从心沟通，崇尚礼仪”讲座</a><span class="time">[4-12]</span></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--右边信息区域-->
            <div class="content_right">
                <!--通知公告-->
                <div class="news_notice">
                    <div class="news_title">
                        <!--左圆角-->
                        <span class="block corner_left"></span>
                        <!--内容，动态可变-->
                        <span class="block title_center">通知公告 <div class="more"><img src="./image/more.png" alt="更多"></div></span>
                        <!--右圆角固定大小-->
                        <span class="block corner_right"></span>
                    </div>
                    <div class="news_content left_border right_border">
                        <ul>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                            <li><a href="#">信息科学与技术学院2017-2018学期</a><span class="time">[3-12]</span><>
                        </ul>
                    </div>
                </div>
                <!--就业信息-->
                <div class="news_job">
                    <div class="news_title">
                        <!--左圆角-->
                        <span class="block left_border right_angle" ></span>
                        <!--内容，动态可变-->
                        <span class="block title_center_white">就业信息 <div class="more"><img src="./image/more.png" alt="更多"></div></span>
                        <!--右圆角固定大小-->
                        <span class="block right_border right_angle"></span>
                    </div>
                    <div class="news_content left_border right_border">
                        <ul>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                            <li><a href="#">杭州十月物联科技有限公司招聘</a><span class="time">[11-13]</span><>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
            <!--滚动相册-->
            <div class="album">
                <ul>
                    <li><img src="album/psb.jpg " alt=""></li>
                    <li><img src="album/psb.jpg " alt=""></li>
                    <li><img src="album/psb.jpg " alt=""></li>
                    <li><img src="album/psb.jpg " alt=""></li>
                    <li><img src="album/psb.jpg " alt=""></li>
                    <li><img src="album/psb.jpg " alt=""></li>
                </ul>
            </div>
            <div class="clear"></div>
        </div>
        <!--页面底部-->
        <div class="footer">
            <address>
                地址：九江市前进东路551号&emsp;&emsp;邮编：332005&emsp;&emsp;电话：0792-8311029&emsp;&emsp;邮箱：xx_xzg@126.com&emsp;&emsp;&emsp;九江学院信息科学与技术学院&emsp;版权所有
            </address>
        </div>
    </div>
</body>
</html>



